body{font-family:"微软雅黑"!important;color: #999;font:14px Microsoft YaHei!important;line-height: 24px;background: #fff;opacity: 0;}
body,div,p,span,ul,li,dl,dd,h1,h2,h3,a,input,img{margin:0;padding:0;}
li,ol{list-style:none;}
a,input,img,textarea{border:none;outline:none;}
i,em{font-style:normal;}
.fl{float: left;}.fr{float: right;}.tc{text-align:center;}.tr{text-align:right;}.tl{text-align:left;}
.db{display: block;}.ma{margin: 0 auto;}.pr{position: relative;}.pa{position: absolute;}.pf{position: fixed;}
.transition{-webkit-transition: all  0.3s ease-out;-moz-transition: all  0.3s ease-out;-o-transition: all  0.3s ease-out; transition: all  0.3s ease-out; }
a{text-decoration: none;color: #666;}
a:focus{text-decoration: none;}
a:hover,a:focus{text-decoration: none;color: #fff;}
.hide{display: none}
.show{display: block}
.modal a{outline:none;}
label{font-weight: normal;}
a:focus {outline:none;outline-offset:0;}
.container{margin:0 auto;padding:0!important;}
.img img{width: 100%;transition: 0.7s transform;}
.slick-slide{outline: none!important;}
#wrap_index{overflow: hidden;position: relative;}
/*头部*/
#header{width: 100%;height:104px;z-index: 9;position: fixed;top: 0;left: 0;}
#header .container{position: relative;}
#header .logo{width: 20%;height: 100%;float: left;}
#header .logo a{display: table-cell;vertical-align: bottom;width: 300px;height: 104px;transition: 400ms;}
#header .logo img{max-width: 100%;max-height: 100%;}
.mol_navbutton{width: 42px;height: 42px;float: right;padding: 10px;margin-top: 7px;}
#header .head-r{width: 80%;height: 100%;float: right;}
#header .head-r .nav_box{width: 88%;height: 100%;float: left;}
/*显示动画*/
.nav_box .head_nav,.aearight .seabox{-webkit-transform: translateX(40px);-moz-transform: translateX(40px);-ms-transform: translateX(40px);-o-transform: translateX(40px);transform: translateX(40px);
    -webkit-backface-visibility: hidden;-webkit-transition-property: -webkit-transform;-moz-transition-property: -moz-transform;transition-property: transform;
    -webkit-transition-duration: .3s;-moz-transition-duration: .3s;transition-duration: .3s;}
#header .head-r .nav_box.is-visible,.serch_btn .aearight.is-visible{opacity: 1;
    visibility: visible;
    -webkit-transition: opacity .3s 0s,visibility 0s 0s;
    -moz-transition: opacity .3s 0s,visibility 0s 0s;
    transition: opacity .3s 0s,visibility 0s 0s;}
.nav_box.is-visible .head_nav,.aearight.is-visible .seabox{-webkit-transform: translateX(0px);-moz-transform: translateX(0px);-ms-transform: translateX(0px);-o-transform: translateX(0px);transform: translateX(0px);}

#header .nav_box .yiji{width:16.66%;float: left;height: 124px;text-align: center;position: relative;}
.nav_box .yiji .one{display: block;width: 100%;height: 54px;line-height: 54px;overflow: hidden;font-size: 16px;color: #666666;margin-top: 50px;position: relative;z-index: 6;transition: 400ms;}
.nav_box .bgm{width: 0;height: 95%;position: absolute;top: 0;right: 0;background: #326e99;
    -webkit-transition: all 0.2s cubic-bezier(0.42, 0, 0.58, 1);transition: all 0.2s cubic-bezier(0.42, 0, 0.58, 1);}
.nav_box p{width: 100%;height: 104px;overflow: hidden;position: absolute;top: 0;left: 0;line-height: 300px;font-size: 60px;color: #3876a5;opacity: 0.2;transition: 500ms;}
.nav_box .yiji:hover .one,.nav_box .yiji.current .one{color: #fff;}
.nav_box .yiji:hover .bgm,.nav_box .yiji.current .bgm{left: 0%;right: auto;width: 100%;transition: 350ms;}
.nav_box .yiji:hover p,.nav_box .yiji.current p{line-height: 104px;opacity: 1;transition: 500ms;}
#header .nav_box .yiji .libox{padding: 10px 0;width: 100%;height: auto;overflow: hidden;position: absolute;top:100%;left:0;z-index: 8;background: #fff;border-radius: 5px;box-shadow: 0 0 12px #dadada;
transition: all 0.3s ease 0s; transform: translate3d(0px, 10px, 0px); -moz-transform: translate3d(0px, 10px, 0px); -webkit-transform: translate3d(0px, 10px, 0px); visibility: hidden; opacity: 0; }
#header .nav_box .yiji:hover .libox{opacity: 1; transform: translate3d(0px, 0px, 0px); -webkit-transform: translate3d(0px, 0px, 0px); -moz-transform: translate3d(0px, 0px, 0px); visibility: visible; }
#header .nav_box .yiji .libox a{display: block;width: 100%;height: 38px;line-height: 38px;overflow: hidden;color: #666666;font-size: 14px;}
#header .nav_box .yiji .libox a:hover{color: #fff;background: #326e99;}
/*导航按钮*/
.head_right{float: right;width: 12%;padding-top: 55px;}
.navbox_btn{width: 42px;height: 42px;float: right;padding:8px 0;cursor: pointer;display: none}
.navbox_btn span{width: 28px;height: 2px;background: #999;display: block;margin: 5px auto;position: relative;}
.navbox_btn:hover .span2,.navbox_btn.yes .span2{display: none;}
.navbox_btn:hover .span1,.navbox_btn.yes .span1{margin:10px 0 0 0; -moz-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg);}
.navbox_btn:hover .span3,.navbox_btn.yes .span3{margin: 0;-moz-transform:rotate(45deg);-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);}
/*搜索按钮*/
.serch_btn{width:42px;height: 42px;float: right;padding: 6px 13px;position: relative;}
.serch_btn .search_click{cursor: pointer;width:30px;height:30px;background: url(../images/icon1.png) right center no-repeat;background-size:auto 100%;position: relative;z-index: 10;}
.serch_btn .aearight{width: 286px;height: 42px;position: absolute;right: 0;top: 0;z-index: -1;
    -webkit-transition: opacity .3s 0s,visibility 0s .3s;
    -moz-transition: opacity .3s 0s,visibility 0s .3s;
    transition: opacity .3s 0s,visibility 0s .3s;visibility: hidden;opacity: 0;}
.serch_btn .aearight.is-visible{z-index: 12;}
.aearight .seabox{width: 100%;height: 100%;padding: 6px 16px;border-radius: 5px;background: #326e99;}
.serch_btn .aearight .inputext{width: 80%;float: left;background: none;height: 30px;line-height: 30px;color: #fff;}
.inputext::-webkit-input-placeholder { /* WebKit browsers */ color:#fff;background: none;}  
.inputext:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color:#fff;background: none;}  
.inputext::-moz-placeholder { /* Mozilla Firefox 19+ */ color:#fff;background: none;}  
.inputext:-ms-input-placeholder{color: #fff;background: none;}
.serch_btn .aearight .seabtn{float: right;width: 30px;height: 30px;background: url(../images/icon1.png) left center no-repeat;background-size:auto 100%;}
.serch_btn:hover .aearight{right: 0;visibility: visible;transition: 500ms;}
#header.head_up{background: #fff;}
@media (min-width: 768px){
    #header.head_up{height: 64px;}
    #header.head_up .logo a{height: 64px;padding: 8px 0;transition: 400ms;}
    #header.head_up .nav_box .yiji{height: 74px;}
    .head_up .nav_box .yiji:hover .bgm,.head_up .nav_box .yiji.current .bgm{height: 64px;}
    .head_up .nav_box .yiji p{line-height: 200px;height: 64px;}
    .head_up .nav_box .yiji:hover p,.head_up .nav_box .yiji.current p{line-height:60px;font-size: 36px; }
    .head_up .nav_box .yiji .one{margin-top: 10px;transition: 400ms;}
    .head_up .head_right{padding-top: 16px;}
    
    .nav_item .one:hover{color: #326e99;}
    .nav_item .second,.e_li .third{visibility: hidden;opacity: 0;
    transition: all 0.3s ease 0s; transform: translateY(10px); -moz-transform: translateY(10px); -webkit-transform: translateY(10px); }
    .nav_item .one:hover .second,.e_li:hover .third{opacity: 1;visibility: visible;transform: translateY(0px); -webkit-transform: translateY(0px); -moz-transform: translateY(0px); }
    .e_li .third a:hover{color: #326e99;text-indent: 4px;transition: 300ms;}

    .nynew li a:hover{box-shadow: 0 4px 12px #cacaca;transition: 300ms;}
    .nynew li a:hover dl{padding: 46px 3% 26px;transition: 300ms;}
    .nynew li a:hover dl p,.nynew li a:hover dl dd{padding-left: 12px;transition: 300ms;}
    .nynew li a:hover dl dt{color: #326e99;transition: 300ms;}

}

/*首页大图*/
.slick-dotted.slick-slider{margin-bottom: 0;}
#banner{position: relative;z-index: 3;background: #fff;}
#banner img{width: 100%;}
#banner .slick-list{width: 100%;}
#banner .slick-slide{overflow: hidden;}
#banner .slick-arrow:before{display: none;}
.slick-dots li button:before{display: none;}
.bannerli .info {position: absolute;width: 100%;height: auto;top: 70%;left: 0px;text-align: center;}
#banner .slick-arrow{top: unset;bottom: 9px;width: 30px;height: 30px;z-index: 8;position: absolute; -webkit-animation: fadeIn 1s both 0.3s;animation: fadeIn 1s both 0.3s;}
#banner .slick-next{right: 42%;background: url(../images/icon2.png) right center no-repeat;}
#banner .slick-prev{left: 42%;background: url(../images/icon2.png) left center no-repeat;}
#banner .slick-dots{position: absolute;width:100%;bottom: 30px;left: 0px;padding: 0px; margin: 0px;
 -webkit-animation: fadeIn 1s both 0.3s;animation: fadeIn 1s both 0.3s;}
#banner .slick-dots li{width: 12px;height: 12px;margin: 0 10px;border: 2px solid #999;border-radius: 50%;transition: 350ms;}
#banner .slick-dots li.slick-active {border: 2px solid #333;transition: 350ms;}
.bannerli h3{font-size: 48px;line-height: 60px;text-transform: uppercase;color: #666;
    -webkit-animation: fadeOutRight 1s both;
    animation: fadeOutRight 1s both;
}
.bannerli h5{font-size: 18px;color: #666;
    -webkit-animation: fadeOutLeft 1s both;
    animation: fadeOutLeft 1s both;
}
.bannerli.slick-active h3{
    -webkit-animation: fadeInDown 1.2s both 1s;
    animation: fadeInDown 1.2s both 1s;
}
.bannerli.slick-active h5{
    -webkit-animation: fadeInLeft 1.2s both 1.5s;
    animation: fadeInLeft 1.2s both 1.5s;
}
.bannerli.slick-active img{animation: banner 3s linear forwards;}
@keyframes banner {
    0{transform:  scale(1);}
    100% {transform: scale(1.1);}
}

/*内容*/
#Maincont{width: 100%;position: relative;z-index: 2;background: #fff;margin-bottom: 396px;}
#Maincont .probox{padding:100px 0;position: relative;}
.probox .pro_left{width: 46%;position: relative;}
.probox .pro_left .ptitle{color: #fff;line-height: 2;width: 72%;height: auto;text-align: center;position: absolute;top: 50%;left: 0;-webkit-transform: translate(0, -50%);-ms-transform: translate(0, -50%);transform: translate(0, -50%);}
.pro_left .ptitle h1{font-size: 36px;font-weight: bold;}
.pro_left .ptitle p{font-size: 24px;text-transform: uppercase;} 
#Maincont .pro_right{background: #fff; width: 70%;position: absolute;right: 0;top: 50%;-webkit-transform: translate(0, -50%);-ms-transform: translate(0, -50%);transform: translate(0, -50%);}
.pro_right .fenlei{width: 100%;padding-left: 5.5%;}
.fltitle{width: 100%;height: 104px;line-height: 104px;position: relative;}
.fltitle span{display: inline-block;position:relative;font-size: 24px;font-weight: bold;color: #333;}
.fltitle span:before{content: "";width: 0;height: 4px;background: #333;position: absolute;top: 50%;margin-top: -2px;left:110%;transition: 300ms;}
.fltitle span:hover:before{width: 22px;transition: 300ms;}
.fltitle a{display: block;overflow: hidden;width:60px;height: 20px;line-height: 20px;color: #fff;font-weight: bold;text-align: center;font-size: 12px;background: #cfcfcf;position: absolute;top: 50%;right: 0;margin-top: -10px;}
.fltitle a i{position: relative;z-index: 5;display: block;}
.fltitle a:before{content: "";width: 80%;height: 0;background: #326e99;position: absolute;top: 0;left: 10%;transition: 250ms;}
.fltitle a:hover:before{width: 100%;height: 100%;left: 0;transition: 250ms;}
.pro_right ul{width: 100%;height: auto;}
.pro_right ul li{width: 31.333%;float: left;margin-right: 3%;padding-bottom: 28px;}
.pro_right ul li:nth-child(2){animation-delay: 0.2s;}
.pro_right ul li:last-child{margin-right: 0;animation-delay: 0.4s;}
.pro_right ul li .pimg{width: 100%;height: auto;overflow: hidden;}
.pro_right ul li:hover .pimg{box-shadow: 0 0 12px #b3b3b3;}
.pro_right ul li:hover .pimg img,.partul li .img:hover img{transition: 0.7s transform;-moz-transform:scale(1.1);-webkit-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);}
.pro_right ul li .proname{width: 100%;height: 58px;line-height: 58px;overflow: hidden;font-size: 16px;color: #666;transition: 400ms;}
.pro_right ul li:hover .proname{text-indent: 10px;color: #326e99;transition: 400ms;}
.pro_item .slick-arrow{top: unset;bottom:-12%;width: 22px;height: 22px;z-index: 8;border-radius: 50%;background: #326e99;overflow: hidden; }
.pro_item .slick-next{right: 0;}
.pro_item .slick-prev{left: 92%;}
.pro_item .slick-arrow:after{content: "";width: 100%;height: 100%;background: #cfcfcf;position:absolute;top: 0;left: 0;z-index: -1;border-radius: 50%;
transition: 400ms;-webkit-transform: scale(1.1);transform: scale(1.1);}
.pro_item .slick-next:before{content: ">";opacity: 1;font-family: "幼圆";font-size: 14px;color: #fff;width: 22px;height: 22px;text-align: center;line-height: 22px;}
.pro_item .slick-prev:before{content: "<";opacity: 1;font-family: "幼圆";font-size: 14px;color: #fff;width: 22px;height: 22px;text-align: center;line-height: 22px;}
.pro_item .slick-arrow:hover:after{transition: 400ms;-webkit-transform: scale(0);transform: scale(0);}

.casebox{width: 100%;height: auto;overflow: hidden;background: #f9f9f9;padding: 90px 0;}
.Box .box_title{width: 100%;line-height: 1;text-align: center;}
.Box .box_title h3{font-size: 48px;text-transform: uppercase;color: #666;font-family: "Times New Roman";}
.Box .box_title p{font-size:36px;color: #333;}
.Box .box_title .dec{font-size:14px;color: #666;margin: 24px 0;line-height: 1.6;}

.case_item{padding: 0 10%;}
.case_item .slick-active img{-webkit-animation: banner 3s linear forwards;animation: banner 3s linear forwards;}
.case_item .slick-dots{width:100%;bottom: -50px;left: 0px;padding: 0px; margin: 0px;}
.case_item .slick-dots li{width: 12px;height: 12px;margin: 0 10px;background: #cfcfcf;border-radius: 50%;transition: 350ms;}
.case_item .slick-dots li.slick-active {background: #326e99;transition: 350ms;}
.case_item .slick-arrow{width: 47px;height: 47px;z-index: 8;border-radius: 50%;background: #d1dde6;overflow: hidden; }
.case_item .slick-next{right: 0;}
.case_item .slick-prev{left: 0;}
.case_item .slick-arrow:after{content: "";width: 100%;height: 100%;background: #cfcfcf;position:absolute;top: 0;left: 0;z-index: -1;border-radius: 50%;
transition: 400ms;-webkit-transform: scale(1.1);transform: scale(1.1);}
.case_item .slick-arrow:before{font-weight: bold;opacity: 1;font-family: "幼圆";font-size: 34px;color: #fff;width: 100%;height: 100%;text-align: center;line-height: 47px;}
.case_item .slick-next:before{content: ">";}
.case_item .slick-prev:before{content: "<";}
.case_item .slick-arrow:hover:after{transition: 400ms;-webkit-transform: scale(0);transform: scale(0);}
.case_item .slick-arrow:hover:before{color: #5083a7;transition: 350ms;}

.batbox{width: 100%;height: 420px;position: relative;}
.batbox:before{content: "";width: 100%;height: 100%;position: absolute;top: 0;left: 0;
background-color: rgba(0, 0, 0, 0.5);filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr=#2f000000,endcolorstr=#2f000000);}
.batbox .box_title{width: 1500px;height: 420px;vertical-align: middle;display: table-cell;color: #fff;}
.batbox .box_title h3{font-size: 60px;text-transform: uppercase;font-family: "Times New Roman";line-height: 1.5;}
.batbox .box_title .dec{font-size: 24px;line-height: 2;color: #fefefe;}

.aboutbox{width: 100%;height: auto;overflow: hidden;padding: 80px 0;position: relative;
  background: -webkit-linear-gradient(180deg,#f9f9f9, #eaeaea); /* Safari 5.1 - 6.0 */
  background: -o-linear-gradient(180deg,#f9f9f9, #eaeaea); /* Opera 11.1 - 12.0 */
  background: -moz-linear-gradient(180deg,#f9f9f9, #eaeaea); /* Firefox 3.6 - 15 */
  background: linear-gradient(180deg,#f9f9f9, #eaeaea); /* 标准的语法 */}
.aboutbox:before{content: "";width: 100%;height: 20%;background: #fff;position: absolute;bottom: 0;left: 0;}
.aboutbox .abdec{padding: 0 11%;font-size: 18px;color: #666;line-height: 30px;text-align:center;}
.about_num{padding: 6% 4%;}
.about_num ul{width: 100%;height: auto;overflow: hidden;position: relative;}
.about_num ul li{width: 25%;float: left;text-align: center;}
.about_num ul li .counter{font-size: 72px;color: #326e99;line-height: 1.1;font-family: "Times New Roman";}
.about_num ul li p{font-size: 18px;color: #666;}

.proul{width:calc( 100% + 30px);height: auto;overflow: hidden;margin-left: -15px;}
.proul a{display: block;width: 100%;height: 100%;padding: 0 15px;}
.proul .img{width: 100%;height: auto;position: relative;overflow: hidden;}
.proul .img em{display: block;width: 100%;height: 100%;position: absolute;top: 0;left: 0;transition: 400ms;
background-color: rgba(255, 255, 255, 0.7);filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr=#2fffffff,endcolorstr=#2fffffff);}
.proul .img p{width: 100%;height: 36px;line-height: 36px;font-family: "Impact";font-size: 36px;position: absolute;top: 50%;left: 0;margin-top: -18px;color: #fff;}
.proul .img p span{display:block;width: 20px;height: 100%;position: absolute;top: 0;left: 50%;transition: 400ms;}
.proul .img p .span1{margin-left: -21px;}
.proul .img p .span2{margin-left: 1px;}
.proul a:hover .img{box-shadow: 0 4px 12px #b3b3b3;}
.proul a:hover .img img,.solution .soul li:hover img,.newbox .newul li a:hover .img img,.nypro li a:hover .img img{transition: 0.7s transform;-moz-transform:scale(1.1);-webkit-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);}
.proul a:hover .img em{opacity: 0;transition: 400ms;}
.proul a:hover .img p .span1{left: -10%;transition: 400ms;}
.proul a:hover .img p .span2{left: 105%;transition: 400ms;}
.proul .lititle{width: 100%;height:32px;margin: 13px 0;line-height: 32px;overflow: hidden;text-align: center;font-size: 16px;color: #999;position: relative;bottom: -20px;opacity: 0;}
.proul a:hover .lititle{bottom: 0;opacity: 1;}

.newbox{}
.newbox .newul{width: 100%;height: auto;overflow: hidden;} 
.newbox .newul li{width: 48%;float: left;padding-bottom: 60px;}
.newbox .newul li:nth-child(2n){margin-left: 4%;}
.newbox .newul li a{display: block;width: 100%;height: 100%;position: relative;}
.newbox .newul li .img{width: 41.666%;overflow: hidden;}
.newbox .newul li dl{width:62.5%;height: auto;padding: 4% 5%;background: #fff;position: absolute;top: 50%;left: 33.3%;
transition: all 0.3s ease 0s; transform: translate(0px, -50%); -moz-transform: translate(0px, -50%); -webkit-transform: translate(0px, -50%);}
.newbox .newul li dl dt{width: 100%;height: 30px;overflow: hidden;font-size: 18px;color: #333;line-height: 30px;font-weight: normal;}
.newbox .newul li dl p{width: 100%;height: 24px;overflow: hidden;color: #999;line-height: 24px;margin: 6px 0;}
.newbox .newul li dl dd{width: 100%;height: 48px;overflow: hidden;color: #666;line-height: 24px;}
.newbox .newul li a:hover dl{box-shadow: 0 4px 12px #cacaca;transform: translate(10px, -46%); -moz-transform: translate(10px, -46%); -webkit-transform: translate(10px, -46%);}
.newbox .newul li:nth-child(2),.solution .soul li:nth-child(2){animation-delay: 0.2s;}
.newbox .newul li:nth-child(3),.solution .soul li:nth-child(3){animation-delay: 0.3s;}
.newbox .newul li:nth-child(4),.solution .soul li:nth-child(4){animation-delay: 0.4s;}

.solution{padding: 40px 0;}
.solution .soul{width:106%;height: auto;padding: 20px 0;text-align: center;margin-left: -3%;}
.solution .soul li{width: 20%;display: inline-block;margin:0 2.3%;}
.solution .soul li a{position: relative;display: block;width: 100%;height: 100%;transition: 300ms;top: 0;}
.solution .soul li a .img{width: 100%;height: auto;overflow: hidden;}
.solution .soul .atitle{width: 50%;height: 50px;line-height: 50px;font-size: 18px;color: #333;text-align: center;position: absolute;left: 25%;bottom: 10px;transition: 400ms;
background-color: rgba(255, 255, 255, 0.8);filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr=#2fffffff,endcolorstr=#2fffffff);}
.solution .soul .atitle:before{content: "";width: 80%;height: 0;background: #326e99;position: absolute;top: 0;left: 10%;transition: 300ms;}
.solution .soul .atitle p{position: relative;z-index: 2;}
.solution .soul li:hover a{box-shadow: 0 4px 12px #cacaca;transition: 300ms;top: -5px;}
.solution .soul li:hover .atitle:before{width: 100%;height: 100%;left: 0;transition: 300ms;}
.solution .soul li:hover .atitle{color: #fff;transition: 400ms;}

.partner{background: #f9f9f9;padding: 70px 0;}
.partul{width: 100%;height: auto;overflow: hidden;padding: 20px 1%;background: #fff;margin: 40px 0 25px;}
.partul li{width:16.133%;float: left;padding: 29px 1.4%;}
.partul li .img{width: 100%;height: auto;overflow: hidden;}
/*手机*/
.partitem{padding:14px 10px;background: #fff;}
.partitem.slick-dotted.slick-slider{margin-bottom: 25px}
.partitem .li{width: 33.3%;float: left;margin: 6px 0;}
.partitem .slick-dots{width:100%;bottom: -30px;left: 0px;padding: 0px; margin: 0px;}
.partitem .slick-dots li{width: 6px;height: 6px;margin: 0 4px;background: #cfcfcf;border-radius: 50%;transition: 350ms;}
.partitem .slick-dots li.slick-active {background: #326e99;transition: 350ms;}

.joinbox{padding: 80px 0;}
.formbox{width: 100%;height: auto;border: 1px solid #e2e2e2;padding: 30px;}
.formbox dl{width: 100%;height: 48px;}
.formbox dd{width:50%;padding: 20px 28px;float: left;}
.formbox span{width: 76px;line-height: 48px;font-size: 14px;color: #666;float: left;} 
.formbox .key_txt{display: block;padding: 0 15px;width:calc( 100% - 76px );width:-webkit-calc(100% - 76px);width:-moz-calc(100% - 76px);border: 1px solid #e2e2e2;height: 48px;}
.formbox .adress,.area{padding: 20px 28px;height: auto;overflow: hidden;}
.formbox .adress select{width: 166px;margin-right: 38px;border: 1px solid #e2e2e2;height: 48px;padding: 0 8px;outline: none;}
.area textarea{width:calc( 100% - 76px );width:-webkit-calc(100% - 76px);width:-moz-calc(100% - 76px);height: 136px;border: 1px solid #e2e2e2;padding: 12px;}
.line_btn{margin-left: 104px;height: 48px;width: 210px;position: relative;background: #cfcfcf;}
.line_btn input{display: block;width: 100%;height: 100%;outline: none;background: none;font-size: 18px;color: #fff;position: relative;z-index: 2;}
.line_btn:before{content: "";width: 80%;height: 0;background: #326e99;position: absolute;top: 0;left: 10%;transition: 300ms;}
.line_btn:hover:before{width: 100%;height: 100%;left: 0;transition: 300ms;}

#footer{width: 100%;position: fixed;bottom: 0;left: 0;}
#footer .foot-b{width: 100%;padding: 34px 0;background: #333;}
#footer .foot-b ul{width: 100%;height: auto;overflow: hidden;}
.foot-b li{float: left;position: relative;padding: 0 1.3%;}
.foot-b li:before{content: "";width: 1px;height: 86%;position: absolute;top: 7%;left: 0;background: #3e3e3e;}
.foot-b li.li3:before{display: none;}
.foot-b .li1{width: 30.6%;}
.foot-b .li2{width: 18.13%;}
.foot-b .li3{width: 15%;padding: 0;}
.foot-b li h1{width: 100%;height: 42px;line-height: 42px;overflow: hidden;margin-top: 6px;color: #cfcfcf;font-size: 16px;font-weight: bold;}
.foot-b li h1 a{color: #cfcfcf;transition: 300ms;}
.foot-b li h1:hover a,.foot-b li .erli a:hover{color: #4393cc;text-indent: 10px;transition: 300ms;}
.foot-b li .tact{font-size: 14px;color: #999;margin-bottom: 14px;line-height: 1.6;}
.foot-b li p.tell{font-size: 30px;}
.foot-b li .erli{width: 100%;height:auto;line-height: 30px;font-size: 14px;}
.foot-b li .erli a{display: block;width: 100%;height: 30px;color: #999;overflow: hidden;transition: 300ms;}
.mediab{width: 100%;line-height: 20px;padding: 10px 0;position: relative;cursor: pointer;}
.mediab i{display: block;width: 20px;height: 20px;border-radius: 4px;background: #999999 url(../images/icon3.png) left center no-repeat;float: left;margin-right:10px;transition: 300ms;}
.mediab2 i{background: #999999 url(../images/icon4.png) left center no-repeat;}
.mediab3 i{background: #999999 url(../images/icon5.png) left center no-repeat;}
.mediab:hover i{background: #4393cc url(../images/icon3.png) right center no-repeat;transition: 300ms;margin-right: 14px;} 
.mediab:hover{color: #4393cc;}
.mediab .ewmbox{width:126px;height: 126px;padding: 8px;position: absolute;top: 50%;right: 108%;background: #fff;margin-top: -63px;
transition: all 0.3s ease 0s; transform: translate3d(10px,0px,0px); -moz-transform: translate3d(10px,0px, 0px); -webkit-transform: translate3d( 10px,0px, 0px); visibility: hidden; opacity: 0; }
.mediab:hover .ewmbox{opacity: 1; transform: translate3d(0px, 0px, 0px); -webkit-transform: translate3d(0px, 0px, 0px); -moz-transform: translate3d(0px, 0px, 0px); visibility: visible; }
.copy{width: 100%;font-size: 14px;color: #666;text-align: center;padding: 10px 0;}
/*about*/
.nybanner{z-index: 3;}
.postitle{width: 100%;position: absolute;left: 0;bottom: 19%;}
.postitle h1{width:316px;height: 112px;padding: 24px 50px;color: #fff;font-weight: bold;font-size: 30px;line-height: 1.4;
background-color: rgba(50, 110, 153, 0.95);filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr=#2f326e99,endcolorstr=#2f326e99);}
.postitle h1 p{font-size: 18px;font-weight: normal;text-transform: uppercase;}
/*内页分类导航*/
.posnav_box{width: 100%;height: 64px;line-height: 64px;background: #f9f9f9;position: relative;z-index: 30;}
.nav_item .slick-track{margin:0;}
.nav_item .slick-slide{height: auto;}
.nav_item .slick-list{overflow: unset;}
.nav_item .one{height: 64px;position: relative;}
.nav_item .one_a{display: block;width: 100%;height: 100%;font-size: 16px;color: #666;position: relative;}
.nav_item .one:hover .one_a,.nav_item .one .one_a.on,.nav_item .one .one_a.ez{color: #326e99;}
.nav_item .one:hover .one_a:before,.nav_item .one .one_a.on:before,.nav_item .one .one_a.ez:before{content: "";width:46%;height: 5px;background: #326e99;position: absolute;bottom: 0;left:0;animation: lines 0.3s ease forwards;}
@keyframes lines {  
    0% {opacity: 0;transform: scale(0);} 
    100% {opacity: 1;transform: scale(1);}  
  }
.nav_item .second{padding: 10px 0;width: 100%;border: 1px solid #f9f9f9;background: #fff;position: relative;top: 20px;left: 0;}
.second .e_li{position:relative; }
.second .e_li a{display: block;width: 100%;height:42px;line-height: 42px;overflow: hidden;font-size: 14px;color: #666;padding: 0 13%;transition: 300ms;}
.second .e_li .two_a{background: #fff;position: relative;z-index: 2;}
.second .e_li:before{content: "";border-left: 8px solid #326e99;border-right: 8px solid transparent;border-top: 8px solid transparent;border-bottom: 8px solid transparent;position: absolute;left: 100%;top: 50%;margin-top: -8px;
-webkit-transform: translateX(-18px);-moz-transform: translateX(-18px);-ms-transform: translateX(-18px);-o-transform: translateX(-18px);transform: translateX(-18px);
-webkit-transition-duration: .3s;-moz-transition-duration: .3s;transition-duration: .3s;}
.second .e_li:hover .two_a{background: #326e99;color: #fff;text-indent: 4px;transition: 300ms;}
.second .e_li:hover:before{-webkit-transform: translateX(0);-moz-transform: translateX(0);-ms-transform: translateX(0);-o-transform: translateX(0);transform: translateX(0);}
.e_li .third{width: 100%;position: absolute;left: 110%;top: 0;padding: 6px 0;border: 1px solid #f9f9f9;background: #fff;}
.nytent{padding: 50px 0;}
.detiles{width: 100%;height: auto;font-size: 16px;color: #666;line-height: 1.7;}
.detiles img{max-width: 100%;}
/*产品列表*/
.nypro{width: 104.7%;height: auto;overflow: hidden;margin-left: -2.35%;}
.nypro li{width:25%;float: left;padding: 18px 2.3%;}
.nypro li a{display: block;width: 100%;}
.nypro li .img{width: 100%;height: auto;overflow: hidden;transition: 300ms;}
.nypro li p{width: 100%;height:58px;line-height: 58px;overflow: hidden;text-align: center;font-size: 16px;color: #666;transition: 300ms;}
.nypro li a:hover p{line-height: 48px;color: #326e99;transition: 300ms;}
.nypro li a:hover .img{box-shadow: 0 4px 12px #cacaca;transition: 300ms;}
/*产品详情*/
.dectil_top{width: 100%;height: auto;overflow: hidden;position: relative;}
.dectil_top:before{content: "";width: 56%;height: calc(100% - 18px); background: #f9f9f9;position: absolute;top: 0;right: 0;}
.dectil_slick2{width:44.85%;float: left;height: auto;overflow: hidden;}
.dectil_slick2 .slider-nav{width: 17.83%;float: left;}
.dectil_slick2 .slider-nav .pimg{margin-bottom: 21%}
.dectil_slick2 .slider-nav .slick-current img{border: 3px solid #326e99;transition: 300ms;}
.slider-nav .slick-arrow{width: 100%;height: 12px;top: 0;z-index: 8;-webkit-transform: translate(0, 0);-ms-transform: translate(0,0);transform: translate(0,0);
background-color: rgba(50, 110, 153, 0.5);filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr=#2f326e99,endcolorstr=#2f326e99);}
.slider-nav .slick-arrow:before{content: "";border-right: 6px solid transparent;border-left: 6px solid transparent;opacity: 1;line-height: 0;font-size: 0;}
.slider-nav .slick-prev{left: 0;}
.slider-nav .slick-prev:before{border-bottom: 6px solid #fff;border-top: 6px solid transparent;}
.slider-nav .slick-next{top: unset;bottom: 20px;right: 0;}
.slider-nav .slick-next:before{border-top: 6px solid #fff;border-bottom: 6px solid transparent;}
.dectil_slick2 .slider-for{width: 78.98%;float: right;}
.top_right{margin-left: 44.85%;padding: 20px 30px;position: relative;z-index: 3;}
.top_right h1{font-size: 24px;color: #333;line-height: 1.5;padding: 20px 0 30px;}
.top_right .procs{font-size: 16px;color: #666;line-height: 1.7;}
.pdetiles{border: 1px solid #ebebeb;margin: 78px 0;}
.pdetiles .protitle{width: 100%;height: 82px;line-height: 82px;background: #f9f9f9;font-size: 24px;color: #333;}
.pdetiles .detiles{padding: 30px;}
.backfor a{display: block;width: 100%;height: 52px;line-height: 52px;background: #f9f9f9;font-size: 16px;color: #999;transition: 300ms;}
.backfor i{display: inline-block;width: 20px;height:14px;background: url(../images/icon12.png) left center no-repeat;margin-right: 10px;transition: 300ms;}
.backfor a:hover{color: #fff;background: #326e99;transition: 300ms;}
.backfor a:hover i{background: url(../images/icon12.png) right center no-repeat;margin-right: 20px;transition: 300ms;}
.pro_tj{width: 100%;height:44px;line-height: 62px;font-size: 24px;color: #333;margin-top: 30px;}
.pro_tj .change{width: 64px;height: 100%;font-size: 14px;color: #666;float: right;cursor: pointer;transition: 300ms;}
.pro_tj .change i{display:inline-block;width:10px;height: 12px;margin-left: 10px;background: url(../images/icon13.png) center no-repeat;}
.pro_tj .change:hover{color: #326e99;transition: 300ms;}
.pro_tj .change:hover i{background: url(../images/icon14.png) center no-repeat;animation: changes 0.3s ease forwards;}
@keyframes changes {  
    0% {transform:rotate(0deg);} 
    100% {transform:rotate(360deg);}  
  }
.nypro2 li:nth-child(2){animation-delay: 0.2s;}
.nypro2 li:nth-child(3){animation-delay: 0.4s;}
.nypro2 li:nth-child(4){animation-delay: 0.6s;}
/*新闻列表*/
.nynew li{width: 100%;padding: 24px 0;}
.nynew li a{display: block;width: 100%;height: auto;overflow: hidden;background: #fff;transition: 300ms;}
.nynew li:first-child{padding-top: 0;}
.nynew li .img{width:226px;float: left;}
.nynew li dl{width: calc(100% - 226px);width:-webkit-calc(100% - 226px);width:-moz-calc(100% - 226px);height: auto;padding:36px 3%;float: left;transition: 300ms;}
.nynew li dl dt{width: 100%;height: 30px;overflow: hidden;font-size: 18px;color: #333;line-height: 30px;font-weight: normal;transition: 300ms;}
.nynew li dl p{width: 100%;height: 24px;overflow: hidden;color: #999;line-height: 24px;margin: 6px 0;transition: 300ms;}
.nynew li dl dd{width: 100%;height: 48px;overflow: hidden;color: #666;line-height: 24px;transition: 300ms;}
/*新闻详情*/
.newtitle{width: 100%;border-bottom: 1px dashed #cfcfcf;padding: 8px 0;}
.newtitle h2{font-size: 24px;line-height: 30px;color: #333;}
.newtitle p{font-size: 16px;color: #999;line-height: 24px;margin: 10px 0;}
.newdetil{margin: 20px 0 40px;}

.results{font-size: 18px;color: #808080;text-align: center;padding: 35px 0 25px;}

/*页码*/
.pagebox{width: 100%;height:auto;margin: 30px 0 40px;overflow: hidden;text-align: center;}
.pagebox a.ym{width: 34px;border: 1px solid #dfdfdf;border-radius: 50%;}
.pagebox a{display:inline-block;margin:0 8px;width: 50px;height: 34px;line-height: 34px;color: #999;transition: 400ms;position: relative;}
.pagebox a.ym:before{content: "";width: 30px;height: 30px;border-radius: 50%;background: #fff;position: absolute;top: 1px;left: 1px;transition: 300ms;}
.pagebox a:hover{color: #326e99;transition: 400ms;}
.pagebox a.ym:hover,.pagebox a.on{color: #fff;background: #326e99;}
.pagebox a.ym:hover:before,.pagebox a.on:before{transition: 300ms;-webkit-transform: scale(0);transform: scale(0);}
.pagebox a.ym i{position: relative;z-index: 2;}
/*文章上下篇*/
.choose_art{width: 100%;height:auto;padding: 24px 0;}
.choose_art .artli a{display: block;height: 36px;line-height: 36px;color: #999;font-size: 16px;overflow: hidden;}
.choose_art .artli a:hover{color: #326e99;}
/*分享*/
.share2{width: 100%;height:34px;line-height: 34px;}
#bdshare span{height: 34px;}
#bdshare a{display: inline-block; padding: 20px 12px;}
#bdshare a.shareCount{width: 42px;padding: 0;}
/*侧边悬浮框*/
.suspend{width:70px;height: auto;right:2%;z-index: 88;top: 50%;margin-top: -212px;}
.suspend .ball{cursor: pointer;width: 70px;height:70px;position: relative;margin-bottom: 1px;padding: 3px;background: #fff;}
.suspend .ball i{display: block;width:40px;height: 40px;margin: 0 auto;overflow: hidden;}
.suspend .ball i img{width: 200%;float: left;}
.suspend .ball p{color: #666;font-size: 14px;text-align: center;line-height: 24px;transition: 300ms;}
.suspend .ball:hover i img{float: right;}
.suspend .ball:hover p{color: #fff;transition: 300ms;}
.suspend .ball:hover{background: #326e99}
.suspend .ball.tall i img{width: 100%;}
.suspend .ball .bhover{display: none;width: 126px;height: 126px;border: 1px solid #ebebeb;position: absolute;top: 50%;right: 108%;margin-top: -63px;}
/*panle导航开始*/
.left_nav{width:74%;height:100%;z-index:7; background:#f9f9f9; position: fixed; top:0px; right:0px;color:#000;z-index: 66;}
.class-top{width: 100%;height:52px;padding: 0 16px;background: #326e99;line-height: 52px;font-size: 18px;color: #fff;}
.class-top .closebtn{width: 30px;height: 30px;border-radius: 50%;text-align: center;line-height:27px;float: right;background: #fff;color: #326e99;font-size: 24px;margin: 11px 0;}
.class-m{height: 90%;overflow-y:auto;padding:20px 16px;}
.opacity2{width:100%; height:100%; position: fixed; top:0; left:0px; background:rgba(0,0,0,0.5); z-index:24; display:none;}
.overflow{height:100%; overflow:hidden;}
.class-m .nnav{width:100%;height: auto;overflow: hidden;}
.class-m .nnav li{width: 100%;height: auto;overflow: hidden;border-bottom: 1px solid #cfcfcf;}
.class-m .nnav li a.ce{color: #333;font-size: 16px;display: block;height:44px;line-height:44px;}
.class-m .nnav li a.ce.xz_a{color: #326e99;}
.menu_head .ericon{padding: 0 8px;width:44px;height:44px;line-height:44px;text-align:center;float:right;display:inline;position: relative;z-index: 3;color: #333;font-size: 22px;}
.menu_head .ericon img{width: 100%;}
.menu_head .ericon .icon1{ display:none;}
.menu_head .ericon.xz .icon1{ display:block;color: #326e99}
.menu_head .ericon.xz .icon2{ display:none;}
.class-m .nnav li .menu_body{display: none;background: #fafafa;}
.class-m .nnav li .menu_body li{border-bottom: none;}
.menu_body li a.er{padding-left:32px;font-size:14px;display: block;height:40px;line-height:40px;color: #666;position: relative;}
.menu_body li a.er.tz_a{color: #326e99;}
.menu_body .thricon{color:#666;width:44px;height:40px;line-height:40px;text-align:center;float:right;display:inline;position: relative;z-index: 3;font-size: 24px;}
.menu_body .thricon .icont1{ display:none;}
.menu_body .thricon.tz .icont1{ display:block;color: #326e99;}
.menu_body .thricon.tz .icont2{ display:none;}
.class-m .nnav li .thr_body{display: none;}
.class-m .nnav li .thr_body li{border-bottom: none;padding: 0;}
.thr_body li a.thr{position: relative;padding-left:50px;font-size: 14px;display: block;height:44px;line-height:44px;color: #808080;}
.thr_body li a.thr.fz_a{color: #326e99;}
.class-m .nnav li .for_body{display: none;}
.for_body li a.for{position: relative;padding-left:68px;font-size: 14px;display: block;height:40px;line-height:40px;color: #808080;}
.menu_body .foricon{color:#666;width:44px;height:40px;line-height:40px;text-align:center;float:right;display:inline;position: relative;z-index: 3;font-size: 24px;}
.menu_body .foricon .icont1{ display:none;}
.menu_body .foricon.tz .icont1{ display:block;color: #326e99;}
.menu_body .foricon.tz .icont2{ display:none;}
/*panle导航结束*/
.page-prev {
transform:translate3d(100%, 0, 0);
-ms-transform:translate3d(100%, 0, 0);
-webkit-transform:translate3d(100%, 0, 0);  
-o-transform:translate3d(100%, 0, 0); 
-moz-transform:translate3d(100%, 0, 0);
}
.page-next {
transform:translate3d(-74%, 0, 0);
-ms-transform:translate3d(-74%, 0, 0);
-webkit-transform:translate3d(-70%, 0, 0); 
-o-transform:translate3d(-74%, 0, 0);  
-moz-transform:translate3d(-74%, 0, 0);
}
.page-active{
transform:translate3d(0, 0, 0);
-ms-transform:translate3d(0, 0, 0);
-webkit-transform:translate3d(0, 0, 0); 
-o-transform:translate3d(0, 0, 0);  
-moz-transform:translate3d(0, 0, 0);}
.page-in {
  -webkit-transition:all 300ms cubic-bezier(0.42, 0, 0.58, 1);
  -ms-transition: all 300ms cubic-bezier(0.42, 0, 0.58, 1);
  transition: all 300ms cubic-bezier(0.42, 0, 0.58, 1);
}
.page-out {
  -webkit-transition:all 300ms cubic-bezier(0.42, 0, 0.58, 1) 0.1s;
  -ms-transition: all 300ms cubic-bezier(0.42, 0, 0.58, 1) 0.1s;
  transition: all 300ms cubic-bezier(0.42, 0, 0.58, 1) 0.1s;
}

@media (min-width: 1560px){
   #Maincont.nymain .container{width: 1400px;}
   .container{width: 1500px;}

}
@media(max-width: 1499px){
  #header{height:84px;}
  #header .logo a{height:84px;padding: 15px 0;}
  #header .nav_box .yiji{height: 94px;}
  .nav_box .yiji:hover .bgm,.nav_box .yiji.current .bgm{height: 84px;}
  .nav_box .yiji p{line-height: 220px;height: 84px;}
  .nav_box .yiji:hover p,.nav_box .yiji.current p{line-height:80px;font-size: 42px; }
  .nav_box .yiji .one{margin-top:30px;}
  .head_right{padding-top: 36px;}
  
   
}
@media (max-width: 1199px){
  .pro_right ul li:hover .proname{text-indent: 5px;}
  .newbox .newul li dl{width: 65%;left: 30%;}
  .solution .soul .atitle{width: 70%;left: 15%;height: 40px;line-height: 40px;font-size: 16px;}
  .mediab p{margin-left: 29px;}
  .postitle h1{width: 270px;height: 94px;padding: 18px 32px;font-size: 26px;}
  .postitle h1 p{font-size: 16px;}
	
}

@media (max-width: 991px){
  #header .logo{width: 16%;}
  #header .head-r{width: 84%;}
  .nav_box .yiji .one,.about_num ul li p{font-size: 14px;}
  .navbox_btn{width: 28px;}
  #header .container{width: 100%;padding: 0 20px!important;}
  #banner .slick-dots{bottom: 18px;}
  #banner .slick-arrow{bottom: -3px;}
  #Maincont .probox,.casebox{padding: 80px 0;}
  .pro_left .ptitle h1{font-size: 30px;}
  .pro_left .ptitle p{font-size: 20px;}
  .fltitle{height: 80px;line-height: 80px;}
  .fltitle span{font-size: 20px;}
  .pro_item .slick-prev{left: 89%;}
  .Box .box_title h3{font-size: 42px;}
  .Box .box_title p{font-size: 32px;}
  .Box .box_title .dec{margin: 20px 0;}
  .about_num ul li .counter{font-size: 54px;}
  .newbox .newul li dl dt{font-size: 16px;}
  .newbox .newul li dl p{font-size: 12px;margin: 0;}
  .partul li{padding: 20px 1.4%;}
  .formbox{padding: 20px;}
  .formbox .adress select{width: 22%;}
  .foot-b li p.tell{font-size: 24px;}
  .postitle{bottom: 10%;}
  .postitle h1{width: 240px;height: 74px;padding: 14px 24px;font-size: 22px;}
  .postitle h1 p{font-size: 14px;}
  .nypro li{width: 33.3%;}
  .dectil_slick2{width: 100%;float: none;}
  .dectil_top:before{display: none;}
  .top_right{margin-left: 0;background: #f9f9f9;}
  .pdetiles{margin: 50px 0;}
  .pdetiles .protitle{height: 70px;line-height: 70px;}
  .nypro2{width:102.6%;margin-left: -1.3%;}
  .nypro2 li{width: 25%;padding: 18px 1.3%;}
  .results{font-size: 16px;padding: 35px 0 10px;}


}
@media (min-width: 768px) and (max-width: 991px){
  


}
@media (max-width: 768px){
    #header{height: 56px;}
    #header .container,.postitle{padding: 0 18px!important}
    #header .logo{width: 50%;}
    #header .logo a{height: 56px;padding: 8px 0;}
    .serch_btn{margin-top: 7px;}
    #banner .slick-dots li{width: 10px;height: 10px;margin: 0 6px;}
    #banner .slick-arrow{bottom: -2px;}
    #banner .slick-next{right: 36%}
    #banner .slick-prev{left: 36%;}
    #Maincont .probox, .casebox,.partner,.joinbox{padding: 36px 18px;}
    .probox .pro_left{width: 78%;}
    #Maincont .pro_right{width: 50%;right: 18px;padding-left: 7%;}
    .probox .pro_left .ptitle{width: 60%;}
    .pro_left .ptitle h1{font-size: 18px;}
    .pro_left .ptitle p,.batbox .box_title .dec{font-size: 12px;}
    .pro_right .fenlei{padding-left: 0;}
    .fltitle span,.line_btn input{font-size: 14px;}
    .fltitle a{width: 54px;}
    .fltitle{height: 48px;line-height: 48px;}
    .pro_right ul li{width: 100%;padding-bottom: 12px;}
    .pro_right ul li:nth-child(2),.pro_right ul li:nth-child(3),.newbox .newul li:nth-child(3),.newbox .newul li:nth-child(4){display: none;}
    .pro_right ul li .proname{height: 32px;line-height: 32px;font-size: 14px;}
    .pro_item .slick-prev{left: 70%;}
    .Box .box_title h3{font-size:30px;}
    .Box .box_title p{font-size: 20px;}
    .Box .box_title .dec{margin: 12px 0;}
    .case_item{padding: 0;padding-bottom: 20px;}
    .case_item .slick-dots{bottom: -10px;}
    .case_item .slick-dots li{width: 6px;height: 6px;margin: 0px 4px;}
    .case_item .slick-arrow{width: 38px;height: 38px;background: none;background-color: rgba(207, 207, 207, 0.4);filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr=#2fcfcfcf,endcolorstr=#2fcfcfcf);}
    .case_item .slick-arrow:before{font-size: 28px;line-height: 40px;}
    .case_item .slick-arrow:after{display: none;}
    .case_item .slick-arrow:hover{background-color: rgba(94, 148, 188, 0.4);filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr=#2f5e94bc,endcolorstr=#2f5e94bc);}
    .batbox .box_title,.batbox{height: 240px;}
    .batbox .box_title h3{font-size: 36px;}
    .aboutbox{padding: 36px 0;}
    .aboutbox .abdec{padding: 0 18px;font-size: 14px;line-height: 24px;}
    .about_num ul li{width: 50%;padding: 10px 0;}
    .about_num ul li .counter{font-size: 40px;}
    .about_num ul:before{content: "";width: 1px;height: 88%;background:#e2e2e2;position: absolute;top: 6%;left: 50%; }
    .proul{width: calc( 100% + 16px);margin-left: -8px;}
    .proul a{padding: 0 8px;}
    .proul .lititle{margin: 0;bottom: 0;opacity: 1;font-size: 14px;}
    .newbox{padding: 18px;}
    .newbox .fltitle span{font-size: 20px}
    .newbox .newul li{width: 100%;padding-bottom: 0;margin: 10px 0;}
    .newbox .newul li:nth-child(2n){margin-left: 0;}
    .newbox .newul li dl{width: 70%;}
    .solution{padding: 20px 0;}
    .solution .soul{width: 100%;margin-left: 0;height: auto;overflow: hidden;padding: 10px 3px;}
    .solution .soul li{width: 50%;display: block;float: left;margin: 0;padding:10px;}
    .partul{padding:0 8px;margin:20px 0 0;}
    .formbox{padding: 10px;}
    .formbox dl{height: auto;}
    .formbox dd{width: 100%;padding: 9px 0;float: unset;}
    .formbox .adress, .area{padding: 9px 0;}
    .formbox .adress select{width: 24.4%;margin-right: 1%;}
    .formbox .key_txt{padding: 0 10px;height: 36px;}
    .formbox .adress select{height: 36px;}
    .formbox span{line-height: 36px;}
    .area textarea{height: 110px;}
    .line_btn{margin-left: 0;height: 36px;width: 44%;margin: 0 auto;}
    #Maincont{margin-bottom: 298px;}
    .solution .soul .atitle{height: 34px;line-height: 34px;font-size: 14px;}
    #footer .foot-b{padding: 22px 18px;}
    .foot-b .li1{width: 60%;}
    .foot-b .li3{width: 40%;padding-left: 2%;}
    .foot-b li h1{font-size: 14px;}
    .foot-b li p.tell{font-size: 20px;}
    .foot-b li .tact,.mediab{font-size: 12px;}
    .copy{padding: 10px 18px;font-size: 12px;}
  .postitle h1{width: 46%;height: 62px;padding: 10px 20px;font-size: 18px;}
  .postitle h1 p{font-size: 12px;}
  .posnav_box{height: 46px;line-height: 46px;}
  .nav_item .slick-prev{left: 0}
  .nav_item .slick-prev:before{content: "<";color: #999;font-family: "幼圆";}
  .nav_item .slick-next{right: 0;}
  .nav_item .slick-next:before{content: ">";color: #999;font-family: "幼圆";}
  .nav_item .one{height: 46px;}
  .nav_item .one_a{font-size: 14px;text-align: center;}
  .nav_item .one:hover .one_a:before{left: 27%;height: 3px;}
  .nav_item .second{display: none;width: 150%;padding: 5px 0;top: 10px;}
  .second .e_li .two_a,.second .e_li a{height: 38px;line-height: 38px;padding: 0 7px;}
  .e_li .third{display: none;}
  .nytent{padding: 22px 18px;}
  .nypro li{width: 50%; padding: 8px 2.3%;}
  .nypro li p{height: 34px;line-height: 34px;font-size: 14px;}
  .nypro li a:hover p{line-height: 34px;}
  .pagebox{margin: 30px 0;}
  /*.pagebox a{margin: 0 3px;width: 42px;height: 30px;line-height: 30px;}
  .pagebox a.ym{font-size: 12px;width: 30px;height: 30px;line-height: 28px;}*/
  .pagebox a.ym{display: none;}
  .nynew li{padding: 12px 0;}
  .nynew li .img{width:138px;}
  .nynew li dl{width: calc(100% - 138px);width: -webkit-calc(100% - 138px);width: -moz-calc(100% - 138px);padding: 6px 3%;}
  .nynew li dl dt{font-size: 16px;}
  .nynew li dl p{font-size: 12px;margin: 0;}
  .dectil_slick2{padding: 0 5%;}
  .slider-nav .slick-next{bottom: 5px;}
  .top_right{padding: 18px;margin-top: 15px;}
  .top_right h1{font-size: 18px;padding: 0;padding-bottom: 16px;}
  .top_right .procs{font-size: 14px;}
  .pdetiles{margin: 20px 0;}
  .pdetiles .protitle{height: 42px;line-height: 42px;font-size: 16px;}
  .backfor a{height: 42px;line-height: 42px;font-size: 14px;}
  .pdetiles .detiles{padding: 18px;}
  .pro_tj{height: 40px;line-height: 38px;font-size: 18px;margin-top: 20px;}
  .newtitle h2{font-size: 16px;line-height: 24px;}
  .newtitle p{font-size: 12px;margin: 0;}
  .choose_art{padding: 15px 0;}
  .choose_art .artli a{font-size: 14px;height: 30px;line-height: 30px;}
  .results{padding: 20px 18px 10px;}




}
@media (max-width: 375px){
	
}
@media (max-width: 360px){
	
}






.quickbar_nav {
    width: 40px;
    height: auto;
    position: fixed;
    right: 26px;
    top: 50%;
    z-index: 6;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

    .quickbar_nav ul li {
        width: 40px;
        height: 44px;
        padding: 2px 0;
        position: relative;
    }

        .quickbar_nav ul li a {
            display: block;
        }

        .quickbar_nav ul li .icon {
            width: 40px;
            height: 40px;
            border-radius: 6px;
            overflow: hidden;
            cursor: pointer;
            box-shadow: 0 0 3px #b7b7b7;
            background-color: rgba(255, 255, 255, 0.5);
        }

            .quickbar_nav ul li .icon img {
                /* older safari/Chrome browsers */
                -webkit-opacity: 0.6;
                /* Netscape and Older than Firefox 0.9 */
                -moz-opacity: 0.6;
                /* Safari 1.x (pre WebKit!) 老式khtml内核的Safari浏览器*/
                -khtml-opacity: 0.6;
                /* IE9 + etc...modern browsers */
                opacity: 0.6;
                /* IE 4-9 */
                filter: alpha(opacity=60);
                /*This works in IE 8 & 9 too*/
                -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
                /*IE4-IE9*/
                filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
            }

        .quickbar_nav ul li .seabtn { /* older safari/Chrome browsers */
            -webkit-opacity: 0.6;
            /* Netscape and Older than Firefox 0.9 */
            -moz-opacity: 0.6;
            /* Safari 1.x (pre WebKit!) 老式khtml内核的Safari浏览器*/
            -khtml-opacity: 0.6;
            /* IE9 + etc...modern browsers */
            opacity: 0.6;
            /* IE 4-9 */
            filter: alpha(opacity=60);
            /*This works in IE 8 & 9 too*/
            -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
            /*IE4-IE9*/
            filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
            width: 100%;
            height: 100%;
            background: url(/res/cn/images/icon/icon_32.png) center no-repeat;
            border: none;
        }

        .quickbar_nav ul li:hover .icon img, .quickbar_nav ul li:hover .seabtn {
            opacity: 1;
        }

        .quickbar_nav ul li .li_hover {
            display: none;
            position: absolute;
            right: 50px;
            top: 2px;
            text-align: center;
            font-weight: bold;
            color: #0d0d0d;
            border-radius: 6px;
            box-shadow: 0 0 6px #d6d6d6;
            min-height: 24px;
            padding: 8px 0;
            width: 126px;
            background-color: rgba(255, 255, 255, 0.8);
        }

            .quickbar_nav ul li .li_hover:before {
                content: "";
                border-left: 6px solid rgba(214,214,214,0.8);
                border-right: 6px solid transparent;
                border-top: 6px solid transparent;
                border-bottom: 6px solid transparent;
                position: absolute;
                right: -12px;
                top: 14px;
            }

            .quickbar_nav ul li .li_hover.ewmimg {
                width: 96px;
                height: 100px;
                padding: 5px 0;
                background: #fff;
            }

                .quickbar_nav ul li .li_hover.ewmimg img {
                    width: 85px;
                }

        .quickbar_nav ul li .sea_input {
            width: 150px;
            padding: 0;
        }

            .quickbar_nav ul li .sea_input input {
                width: 130px;
                height: 40px;
                border: none;
                padding: 0 10px;
                outline: none;
                border-radius: 6px;
                background: none;
            }

        .quickbar_nav ul li.r_weChart .li_hover {
            width: 100px;
            top: -40px;
        }

            .quickbar_nav ul li.r_weChart .li_hover img {
                max-width: 100%;
            }


.bottom_nav {
    background: #333;
    height: 50px;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 50;
}

    .bottom_nav:after {
        content: "";
        display: block;
        clear: both;
    }

    .bottom_nav li {
        float: left;
        width: 25%;
        text-align: center;
    }

        .bottom_nav li img {
            display: block;
            width: 23px;
            margin: 7px auto 0;
        }

        .bottom_nav li span {
            color: #fff;
            font-size: 14px;
            line-height: 18px;
            height: 18px;
            overflow: hidden;
            display: block;
        }

.WeChatModel {
    display: none;
    z-index: 50;
    position: fixed;
    bottom: 0;
    top: 0;
    left: 0;
    right: 0;
}

    .WeChatModel .bg {
        position: fixed;
        bottom: 0;
        top: 0;
        left: 0;
        right: 0;
        background: rgba(0,0,0,.5);
    }

    .WeChatModel .box {
        width: 120px;
        height: 120px;
        position: absolute;
        top: 0;
        bottom: 0;
        margin: auto;
        left: 0;
        right: 0;
    }

        .WeChatModel .box img {
            width: 120px;
            margin: 0;
        }

.searchModel {
    display: none;
    z-index: 40;
    position: fixed;
    bottom: 50px;
    left: 0;
    right: 0;
    background: #000;
    padding: 5px;
}

    .searchModel form {
        width: 100%;
        display: block;
        height: 30px
    }

    .searchModel input {
        float: left;
        padding: 0;
        line-height: 30px;
        height: 30px;
        font-size: 14px;
    }

    .searchModel .b_txt {
        width: 80%;
        padding: 0 10px;
        color: #333;
    }

    .searchModel .b_sub {
        width: 20%;
        color: #fff;
        text-align: center;
        background: #333;
        border: none;
    }


@media (max-width: 767px) {
    #footer { margin-bottom: 50px; }
    /*body { padding-bottom: 150px; }*/
}